<template>
    <div>
        <NavTop></NavTop>
         我是商品详情页面,现在看的是{{ list.name }}
         
        <el-button type="success" @click="cartAdd(list.id)">加入购物车<el-icon><ShoppingTrolley /></el-icon></el-button>
        <el-button type="danger">购买<el-icon><GoodsFilled /></el-icon></el-button>
    </div>
</template>

<script>
import NavTop from '../../components/NavTop.vue'
import {ShoppingTrolley,GoodsFilled } from '@element-plus/icons-vue'
// import { ElMessageBox } from 'element-plus'
export default {
    components:{
        NavTop,
        ShoppingTrolley,
        GoodsFilled,
    },
    mounted(){
        this.list = this.$route.query
    },
    data() {
        return {
            list:[]
        }
    },
    methods:{
        // routeClick(val){
        //     this.data=this.list.find(v=>v.id == val)
        //     this.$router.push({path:'/detail',query:this.data})//携带数据跳转
        // //    console.log(this.data);
        // },
        // cartAdd(val){
        //     ElMessageBox.alert('加上了，买去吧', '小提示', {
        //     confirmButtonText: '得嘞',
        //     })
                    
        //     this.data=this.list.find(v=>v.id == val)
        //     this.store.cartAdd({
        //         id:this.data.id,
        //         name:this.data.name,
        //         price:this.data.price,
        //         onlineprice:this.data.onlineprice,
        //         num:1,
        //         total:this.data.onlineprice

        //     })//调用状态管理中的添加购物车的方法
        // }
    }
}
</script>
 
